﻿@using viBook.Models
@model Category

@{
    ViewBag.Title = "Details";
}
<div class="group">
    <div class="announce-btn announce-featured">
        <a href="../../Content/dribbble/system/ads/114/redirect">
            <img alt="advertisement" src="../../Content/dribbble/system/ads/114/dribbble-tee-23.png?1296530515" />
            <strong class="title">Dribbble Tee</strong> The official jersey in away gray
        </a>
    </div>
    <div class="full">
        <h1 class="compact">
            <strong><a href="#">Category</a></strong> <span class="sep">/</span> <strong >@Model.CategoryName</strong>
            <span class="meta">(<span data-bind="text: viewmodel.numberOfBooks()"></span> book(s))</span></h1>
    </div>
</div>
<div id="main">
    <ul class="tabs">
        <li class="active"><a href="#">@Model.CategoryName</a> </li>
    </ul>
    <ol class="dribbbles group">
@*List items*@
  <div data-bind='template: { name: "book-template", foreach: listBook }'
            id="uploaded-book">
            </div>
            </ol>
    
    <div class="page">
    
  @*Pager*@
        <div class="pagination">
            <a class="next_page" rel="next" id="prev" data-bind="visible: isShowPrevBtn,click: fetchPreviousCommentPage">Previous</a>
             (Page <span data-bind="text: viewmodel.bookPageNo()"></span> of 
            <span data-bind="text: viewmodel.totalBookPage()"></span>)
            <a class="next_page" rel="next" id="next" data-bind="visible: isShowNextBtn,click: fetchNextCommentPage">Next</a>
        </div>
    </div>
</div>
<div id="secondary">
     @Html.Partial("~/Views/Home/SecondaryTemplate.cshtml")
</div>

@Html.Partial("~/Views/Home/BookControlTemplate.cshtml")
@Html.Partial("DetailsJS")